﻿import React from 'react'
import {Route, Switch} from 'react-router-dom'
import Home from './views/Home'
import Components from './views/Components'
import ButtonDemo from '@/views/Components/ButtonDemo'
import FormsDemo from '@/views/Components/FormsDemo'
import PaginationDemo from '@/views/Components/PaginationDemo'
import TabsDemo from '@/views/Components/TabsDemo'
import PanelDemo from '@/views/Components/PanelDemo'
import ModalDemo from '@/views/Components/ModalDemo'
import MessageDemo from '@/views/Components/MessageDemo'
import TableDemo from '@/views/Components/TableDemo'
import NotFound from './views/NotFound'

export default () => {
    return (
        <Switch>
            <Route exact path='/' component={Home}/>
            <Route exact path='/components' component={Components}/>
            <Route path='/components/button' component={ButtonDemo}/>
            <Route path='/components/forms' component={FormsDemo}/>
            <Route path='/components/pagination' component={PaginationDemo}/>
            <Route path='/components/tabs' component={TabsDemo}/>
            <Route path='/components/panel' component={PanelDemo}/>
            <Route path='/components/modal' component={ModalDemo}/>
            <Route path='/components/message' component={MessageDemo}/>
            <Route path='/components/table' component={TableDemo}/>
            <Route component={NotFound}/>
        </Switch>
    )
}
